@charset "UTF-8";
.skin-default{/*默认皮肤F2F2F2*/
    background-color: #F1F4F5;
}
.padding-20{
    padding: 20px;
}
.padding-15{
    padding: 15px;
}
.padding-left-0{
    padding-left: 0px;
}
.main-bg-color{/*main区域背景色*/
    background-color: #F1F4F5;
}
.clear{ clear: both; display: block;}
body{
    font-size: 14px;
}
/*ztree树字体*/
.ztree *{
    font-size: 14px;
}
/*对bootstrap等插件相关样式的修改*/
.input-group-addon{/*输入框组中的文字块样式*/
    background-color: #F8F8F8;
}
/*.container-fluid{/!*bootstrap布局的边距调整*!/
    padding: 15px;
}
.row{/!*bootstrap布局的边距调整*!/
    margin: -7.5px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {/!*bootstrap布局的边距调整*!/
    padding: 7.5px;
}*/
.container-fluid{/*bootstrap布局的边距调整*/
    padding: 7.5px;
}
.row{/*bootstrap布局的边距调整*/
    margin: 0px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {/*bootstrap布局的边距调整*/
    padding: 7.5px;
}
.form-control{/*表单元素圆角*/
    border-radius: 2px;
    border-color: #e6e6e6;
}
.label{
    font-weight: 400;
    padding: .25em .6em .25em;
}
.table-hover > tbody > tr:hover,.tr-hover-color {/*悬浮色*/
    background-color: #F3F7F9;
}
.tr-visited{/*行点击后颜色*/
    background-color: #F3F7F9;
}
body .table{/*表格布局为固定布局*/
    table-layout: fixed;
    margin-bottom: 15px;
}
/*表格边线*/
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
    border: 1px solid #e4eaec;
}
.table-bordered{
    border: 1px solid #e4eaec;
}
/*表格布局为auto*/
body .table-layout-auto{
    table-layout: auto;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{/*处理表头底部边框线较粗*/
    border-bottom-width: 1px;
}
body .table > tbody > tr > td{
    vertical-align: middle; /*解决bootstrap表格中文字偏上的问题,原属性为top*/
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis; /*文字超长时显示为...*/
   /* white-space:nowrap;word-break:keep-all; overflow:hidden;text-overflow:ellipsis;*/
}
body .table-line-auto > tbody > tr > td{/*不对超长文字做缩略处理*/
    overflow:visible;white-space:normal;text-overflow: inherit;word-wrap: break-word;word-break: break-all;
}
body form .table > tbody > tr > td{/*对于表单中的内容,不作处理*/
    overflow:visible;white-space:normal;text-overflow: inherit;word-wrap: break-word;word-break: break-all;
}
body .table>thead>tr>th{
    vertical-align: middle; /*解决bootstrap表格中标题文字偏下的问题,原属性为bottom*/
    text-align: center; /*标题行居中*/
}
/*文本居中/左/右的设置*/
body .table > tbody > tr > td.active{
    text-align:center;
}
body .table > tbody > tr > td.active[align="left"]{text-align:left;}
body .table > tbody > tr > td.active[align="right"]{text-align:right;}
/*默认joView表格标题行样式*/
.jo-view-table-header{
    background-color: #F9FBFC;/*F3F7F9*/
    color: #666666;
    font-weight: normal;
}
.table-header-style>thead>tr{/*表格标题行样式*/
    background-color: #F9FBFC;/*F3F7F9*/
    color: #666666;
    font-weight: normal;
}
body .pagination{
    margin: 0px; /*消除分页条的margin属性*/
}
body .pagination>li>a{
    cursor: pointer; /*分页条小手光标*/
}
.input-sm{ /*将bootstrap的小输入框高度更改为28px*/
    height: 28px;
    padding-top: 4px;
    padding-bottom: 4px;
}
select.input-sm{
    height: 28px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.btn-sm{
    height: 28px;
    padding-top: 4px;
    padding-bottom: 4px;
}
/*按钮弧度*/
.btn{
    border-radius: .215rem;
}
/*ECalendar日期插件
.ECalendarBox .currentdate h2{
    margin: 0px;
}
.ECalendarBox .currenttime{
    height: 0px;
    display: none;
}
.icon{
    display: none;
}*/
/*laydate插件v1*/
#laydate_ys{ /*解决年份选择没有滚动条的问题*/
    overflow: auto;
}
body .laydate_box .laydate_bottom{ /*解决底部按钮超出范围的问题*/
    height: 30px;
}
/*对插件相关样式的修改end*/

/*平台公共样式*/
.card{/*卡片基本样式,可以用在需要设置背景的地方,例如col,或者视图页中多个row公用card背景*/
    background-color: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    border-radius: 2px;
}
.card-title{
    box-sizing: border-box;
    padding: 0px 15px;
    height: 42px;
    line-height: 42px;
    border-bottom: #F6F6F6 solid 1px;
    color: #333333;
}
.card-content{
    box-sizing: border-box;
    padding: 10px 15px;
}
.page-bar{ /*分页条*/
    width: 100%;
}
.page-bar::after{ /*将分页条拉回文档流*/
    content: '';
    display: block;
    clear: both;
}
.search-bar{ /*视图检索栏*/
    padding: 0px;/*padding: 15px 15px 5px 15px;*//*15px 0px 10px 0px*/
}
.search-bar .control-label{
    font-weight: normal;
}
.search-bar .form-group{ /*检索栏中的表单元素*/
    margin-right: 20px;
    margin-bottom: 10px;
}
.control-label{/*表单标签默认5个字长度*/
    min-width: 5.3em;
}
/*.search-bar .form-group>.form-control{
    min-width: 196px;
}*/
.search-bar>.btn{/*检索栏按钮,与输入框对齐*/
    margin-bottom: 10px;
}
.button-bar{ /*按钮栏*/
    padding: 0px;/* 0px*/
    margin: 0px;
}
.button-bar-left-0{
    padding-left: 0px;
}
.button-bar button{
    margin-right: 5px;
}
.table-bar{/*表格栏*/
    padding: 0px;/*padding: 5px 15px;*/
}
.font-red{
    color: red;
}
.font-green{
    color: green;
}
.font-blue{
    color: blue;
}
.font-yellow{
    color: #F2A654;
}
.font-white{
    color: white;
}
.font-gray{
    color: #bbbbbb;
}
.bg-red{
    background-color: red;
}
.bg-green{
    background-color: green;
}
.font-bold{
    font-weight: bold;
}
.font-size-14{
    font-size: 14px;
}
.cursor-hand{
    cursor: pointer;
}
table td.must,.young-form-item.must{ background-image:url(../images/must.gif); background-position:0px center; background-repeat:no-repeat;}
.button-bar>button[isShow]:not([isShow='']){/*带权限按钮默认隐藏,isShow值为空时不处理*/
    display: none;
}
/*平台公共样式end*/
/*表单样式2.0*/
.young-form-item{/*表单项*/
    margin-bottom: 10px;
    padding: 0px;
}
.young-form-item .form-control[disabled]{
    background-color: #FAFAFA;
    cursor: default;
    color: #777777;
}
.inline-x{/*行标签，与young-form-item一起使用来使表单元素内联*/
    width: 320px;
    display: inline-block;
}
.inline-2x{/*行标签，与young-form-item一起使用来使表单元素内联*/
    width: 640px;
    display: inline-block;
}
.young-form-item::after{/*拉入文档流*/
    content: " ";
    display: block;
    clear: both;
    height: 0px;
}
.young-form-label{/*文本*/
    position: relative;
    width: 110px;
    text-align: right;
    float: left;
    padding: 8px 15px;
    margin: 0px;
    cursor: default;
    color: #666666;
}
.young-form-input-block{/*输入框区*/
    position: relative;
    margin-left: 110px;
    margin-right: 40px;
}
.young-form-input-block>span{/*输入区文本*/
    padding-top: 9px;
    display: inline-block;
    line-height: 18px;
}
.young-form-tips{/*提示内容,要跟在文本后面*/
    position: relative;
    width: 40px;
    padding: 8px 5px;
    margin: 0px;
    float: right;
    text-align: center;
    /*color: #999999;*/
    color: #57C7D4;
}
.bottom-tips{/*位于表单元素下方的提示内容*/
    line-height: 1.7;
    color: #999999;
}

/*表单元素样式*/
input[type=checkbox]{
    width: 14px;
    height: 14px;
    margin-top: -3px;
    font-size: 12px;
    cursor: pointer;
    vertical-align: middle;
    /*border: #8091a5 1px solid;
    background-color: #FFFFFF;
    background-image: none;*/
}
input[type=checkbox]::before{
    width: 14px;
    height: 14px;
    content: "";
    display: block;
    background-color: #ffffff;
    box-sizing: border-box;
    border: #8091a5 1px solid;
    border-radius: 2px;
}
input[type=checkbox]:checked::before{
    width: 14px;
    height: 14px;
    content: "\2713";
    display: block;
    background-color: #3582fb;
    color: #ffffff;
    line-height: 14px;
    text-align: center;
    border: none;
}
input[type=radio]{
    width: 14px;
    height: 14px;
    margin-top: -3px;
    font-size: 12px;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 50%;
}
input[type=radio]::before{
    width: 14px;
    height: 14px;
    content: "";
    display: block;
    background-color: #ffffff;
    box-sizing: border-box;
    border: #8091a5 1px solid;
    border-radius: 50%;
}
input[type=radio]:checked::before{
    width: 14px;
    height: 14px;
    content: "\2713";
    display: block;
    background-color: #3582fb;
    color: #ffffff;
    line-height: 14px;
    text-align: center;
    border: none;
    border-radius: 50%;
}
input[type=radio][disabled]::before{
    content: "";
    display: block;
    background-color: #dddddd;
}